<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>投顾直播</title>
<link rel="stylesheet" href="css/playPage.css">
</head>
<body>
<iframe id="Iframe"  src="http://e.vhall.com/webinar/inituser/898194463" width="100%" height="100%" frameborder="0"></iframe>

<!-- <div class="agree-dialog-mask">
	<div class="agree-dialog">
		<h3>提示</h3>
		<p class="tips">主播观点仅供参考,不作为您买入买出的操作建议;市场有风险,投资需谨慎.请勿轻信直接间的微信,QQ,外部广告和链接,谨防诈骗,欢迎举报.</p>
		<p class="deal-w">请同意并签署<a href="javascript:;" class="deal">《方正证券投资服务协议》</a></p>
		<div class="btns-wrap">
			<a href="javascript:;" class="noagree" id="noagree">
				不同意
			</a>
			<a href="javascript:;" class="agree">
				同意签署
			</a>
		</div>
	</div>
</div> -->


<!-- 同意并签署 -->
<div class="agree-dialog-mask">
	<div class="agree-sign-dialog">
		<h3>请同意并签署</h3>
		<h4>《方正证券投顾服务协议》</h4>
		<p>直播观点仅供参考，不作为您买入和卖出的操作建议；市场有风险，投资需谨慎。请勿轻信直播间的微信、QQ、外部广告和链接，谨防诈骗，欢迎举报。</p>
		<div class="btns-wrap">
			<a href="javascript:;" class="noagree">
				不同意
			</a>
			<a href="javascript:;" class="agree">
				同意签署
			</a>
		</div>
	</div>
</div>

<!-- 阅读并签署产品协议 -->
<div class="product-deal-mask">
	<div class="product-deal-dialog">
		<h3>方正证券投资服务协议</h3>
		<h4>请仔细阅读《方正证券投资服务协议》</h4>
		<div class="text-wrap">
			尊敬的客户：<br>
您拟投资的金融产品“开放式投资基金”或拟接受的金融服务“无”，存在下列情况：<br>
其风险等级为“积极型”，高于您在客户风险评估中所显示的风险承受能力等级“相对保守型”。投资该项产品，可能导致高出您自身承受能力的损失。<br>
我营业部就上述情况向您做出提示，并建议您应当审慎考察该产品的特征及风险，自行做出充分风险评估。<br>
若您经审慎考虑后，仍坚持投资该产品，请签署下附投资确认书。<br>
上述情况向您做出提示，并建议您应当审慎考察该产品的特征及风险，自行做出充分风险评估。若您经审慎考虑后，仍坚持投资该产品，请签署下附投资确认书并建议您应当审慎考察该产品的特征及风险，自行做出充分风险评估。若您经审慎考虑后，仍坚持投资该产品。若您经审慎考虑后，仍坚持投资该产品，请签署下附投资确认书并建议您应当审慎考察该产品的特征及风险，考察该产品的特征及风险<br>
上述情况向您做出提示，并建议您应当审慎考察该产品的特征及风险，自行做出充分风险评估。若您经审慎考虑后，仍坚持投资该产品，请签署下附投资确认书并建议您应当审慎考察该产品的特征及风险，自行做出充分风险评估。若您经审慎考虑后，仍坚持投资该产品。若您经审慎考虑后，仍坚持投资该产品，请签署下附投资确认书并建议您应当审慎考察该产品的特征及风险，考察该产品的特征及风险
		</div>

		<div class="btns-wrap">
			<a href="javascript:;" class="noagree">
				不同意
			</a>
			<a href="javascript:;" class="sign">
				同意签署并签约
			</a>
		</div>
	</div>
</div>

<script src="js/build/lib.js"></script>
<script>
function noAgree(){
	// alert('准备跳到列表页面啦')
	nativeObject.noAgreeToFinish(); 
};

function handleMsgWithParam(str1,str2){
	nativeObject.handleMsgWithParam("noAgree",""); 
};
	// nativeObject.handleMsgWithParam("noAgree","");
var playPage = {
	init: function(){
		// 兼容按压效果
		document.body.addEventListener('touchstart', function () { //...空函数即可
		});
		$('.agree-dialog-mask').show();
	},
	events: function(){
		var _this = this;
		$('.agree').on('touchend',function(e){
			e.preventDefault();
			e.stopPropagation();
			$('.agree-sign-dialog').hide(1);
			setTimeout(function(){
				_this.holdData();
				$('.agree-dialog-mask').hide(1);
			},310);
		});

		$('.noagree,.product-deal-mask .noagree').on('touchend',function(e){
			// console.log('call no agree!');
			noAgree();
		});
			setTimeout(function(){
				noAgree();
				handleMsgWithParam("noAgree","");
			},310);

		$('.agree-dialog-mask h4').hammer().on('tap',function(){
			$('.product-deal-mask').show(1);
		});

		$('.product-deal-mask .sign').on('touchend',function(e){
			e.preventDefault();
			e.stopPropagation();
			$('.product-deal-dialog').hide(1);
			$('.agree-sign-dialog').hide(1);
			setTimeout(function(){
				_this.holdData();
				$('.product-deal-mask').hide(1);
				$('.agree-dialog-mask').hide(1);
			},310);
		});


	},
	holdData: function(){
		// $.ajax({
		// 	url: '',
		// 	type:'POST'+ ,
		// 	data:{tel:$(this).val()},
		// 	success: function(data) {
				// 返回一个名字添加上去
				console.log('发ajax啦~~~');
		// 	}
		// });
	},
	run: function(){
		this.init();
		this.events();
	}
};
playPage.run();
</script>
</body>
</html>